<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>最强大脑拼王者</title>
    <script type="text/javascript">
        // 根据屏幕的宽度 来设置 html的 font-size
        // 计算 font-size
        var fontSize = window.screen.availWidth / 20;
        document.querySelector('html').style.fontSize = fontSize + 'px';
        window.onresize = function () {
            // 计算 font-size
            var fontSize = window.screen.availWidth / 20;
            document.querySelector('html').style.fontSize = fontSize + 'px';
        }
        // 跟媒体查询比 在移动端使用 没有优劣之分
        // 面试问道 媒体查询 还有 js 都回答 即可
    </script>
    <link rel="stylesheet" type="text/css" href="css/match.css" />
</head>
<body>
<div class="match">
    <div class="big_circle">
        <div class="small_circle"></div>
        <div class="head"></div>
        <div class="red">
            <div class="ball"></div>
            <div class="ball1"></div>
        </div>
    </div>
    <div class="blue">
        <div class="ball"></div>
        <div class="ball1"></div>
    </div>
    <div class="name">郑地豆</div>
    <div class="level">Lv.3</div>
    <div class="gate_money">入场费：50</div>

</div>
</body>
</html>

<!--http://127.0.0.1:3000/socket.io/socket.io.js-->
<script type="text/javascript" src="http://127.0.0.1:3000/socket.io/socket.io.js"></script>

<!-- 导入 zepto 使用zepto 来实现 dom元素操纵 -->
<script type="text/javascript" src="lib/zepto.js"></script>
<script type="text/javascript" src="lib/zepto.js"></script>
<script type="text/javascript" src="lib/event.js"></script>
<script type="text/javascript" src="lib/fx.js"></script>
<script type="text/javascript" src="lib/touch.js"></script>
<!-- fadein toggle等 动画方法的模块 -->
<script type="text/javascript" src="lib/fx_methods.js"></script>

<script>
    // var socket = io();
    var socket=io.connect('ws://127.0.0.1:3000');//与服务器进行连接
    socket.emit('find',{
        "context":"我要玩",
        "name":"郑地豆" + Math.floor(Math.random()*10)
    });
    socket.on('zhandou',function(msg){
        window.location.href = '/answer.html';
    })
</script>